---
group: 'components'
category: 'state'
title: Empty
description: '空状态时的展示占位图'
order: 1
---

## 何时使用

当目前没有数据时，用于显式的用户提示。

## 基本用法

```js live=true
() => {
  return <Empty desc={'No_Data'} />
};
```

## 更换图标样式

你可以通过设置icon和imageStyle来设置占位图。

```js live=true
() => {
  const { Add } = KubeIcon;
  return <Empty desc="No_Data" icon={<Add />} imageStyle={{ width: '48px', height: '48px' }} />;
};
```
